<template>
	<view class="identity-wrapper flex flex-align-center flex-space-between">
		<view class="identity-item flex flex-align-center font24" v-for="(item, index) in list" :key="index">
			<image style="width: 28rpx;height: 28rpx;" src="http://jiaoyukehu.oss-cn-beijing.aliyuncs.com/static/home/ic_check.png" mode=""></image>
			<text>{{ item.label }}</text>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	const props = defineProps({
		list: {
			type: [Object, Array],
			default: []
		}
	})
</script>

<style lang="scss">
	.identity-wrapper {
		padding: 16rpx 30rpx;
		background-color: #F5F5F5;
		border-radius: 30rpx;
		text {
			color: #8E8E8E;
			margin-left: 10rpx;
		}
	}
</style>